import './assets/main.css'

import { createApp } from 'vue'
// import App from './App.vue'
// import App from './02-组件插槽.vue'
// import App from './03-组件插槽-作用域插槽.vue'
import App from './06-Vue状态管理.vue'
import router from './route/index'
import { createPinia } from 'pinia'
import persistedstate from 'pinia-plugin-persistedstate'


const app = createApp(App)
// 使用路由 注意 .use() 需要书写在 .mount() 之前
const pinia = createPinia()

// npm i pinia-plugin-persistedstate
// 注意：这个是 pinia 的插件，通过 pinia.use() 来使用
pinia.use(persistedstate)
// 使用状态管理 pinia
app.use(pinia)
// 使用状态管理 router
app.use(router)
app.mount('#app')
